<!DOCTYPE html>
<html>
<head>  	
	
	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.1.min.css" />
	<link rel="stylesheet" href="css/jquery.mobile.theme-1.3.1.min.css" />        
	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
	<link rel="stylesheet" href="css/theme.css" />
	<script src="js/jquery-1.9.1.min.js"></script>  
	<script src="js/jquery.mobile-1.3.1.min.js"></script>	
	<script type="text/javascript" charset="utf-8" src="js/alzApp.js"></script>
	
	
  	<script type="text/javascript">

		// Wait for Cordova to load
		document.addEventListener("deviceready", onDeviceReady, false);

		// Cordova is ready
		function onDeviceReady() {

			navigator.splashscreen.hide();
		}
		</script>
		<script type="text/javascript" charset="utf-8" src="js/cordova-2.7.0.js"></script>
</head>

<body id="categoriesBody">
	<div data-role="header">
		<h1>Categorias</h1>

	</div>
	<div data-role="content">
        <a data-icon="plus" rel="external" onClick="$.mobile.changePage( 'search.html', { transition: 'none'}); " >Buscar</a>
		<ul id="categoriesList" data-role="listview">
		</ul>
	</div>
	  
	<div data-role="footer" class="ui-bar" data-position="fixed">
		<div class="footerSection">
			<img src="css/images/logoIneco.jpg" width=70%;>
		</div>
		<div class="footerSection">
			<img src="css/images/logoFourhats.jpg" width=70%;>
		</div>
		<div class="footerSection">
		<a data-icon="plus" rel="external" onClick="$.mobile.changePage( 'about.html', { transition: 'none'}); " >Acerca de </a>
		</div>
	</div>
	
  	<script type="text/javascript">
	 
		</script>
	
</body>
</html>